<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.2.min.css"/>
    <link rel="stylesheet" href="css/jqm-demos.css"/>
    <link rel="stylesheet" href="css/style.css"/>

    <!--<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700"/>-->
    <script src="js/jquery.js"></script>
    <script src="js/index.js"></script>
    <script src="js/jquery.mobile-1.3.2.min.js"></script>
	<script src="js/highcharts.js"></script>
	<script src="js/exporting.js"></script>

    <title><?php echo CHtml::encode($this->pageTitle); ?></title>
  </head>

  <body>
    <div data-role="page" class="jqm-demos" data-quicklinks="true">

      <div data-role="header" class="jqm-header">
        <h1 class="jqm-logo"><a href="<?php echo Yii::app()->createUrl('intro/index'); ?>"><img src="images/jquery-logo.png" alt="jQuery Mobile Framework"></a></h1>
        <a href="#" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a>
        <a href="#" class="jqm-search-link" data-icon="search" data-iconpos="notext">Search</a>

      </div><!-- /header -->

      <?php echo $content; ?>

      <?php $this->renderPartial('../units/panel', array()); ?>
      <div data-role="header" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
          <ul>
            <li><?php echo CHtml::link('Intro', array('intro/index', 'version' => rand()), array('data-transition' => 'slidedown')); ?></li>
            <li><?php echo CHtml::link('List match', array('intro/match', 'version' => rand()), array('data-transition' => 'slidedown')); ?></li>

            <li><?php echo CHtml::link('New match', array('intro/addMatch', 'version' => rand()), array('data-transition' => 'slidedown')); ?></li>
          </ul>
        </div><!-- /navbar -->
      </div><!-- /footer -->

      <script>
        $(document).ready(function() {
          $('#intro_link a').click(function() {
            $(this).attr('href', 'index.php?r=intro/index');
          });
          $('#intro_list a').click(function() {
            $(this).attr('href', 'index.php?r=intro/list');
          });
          $('#intro_match a').click(function() {
            $(this).attr('href', 'index.php?r=intro/match');
          });
          $('#intro_rank a').click(function() {
            $(this).attr('href', 'index.php?r=intro/rank');
          });
          $('#intro_money a').click(function() {
            $(this).attr('href', 'index.php?r=intro/money');
          });
          $('#law a').click(function() {
            $(this).attr('href', 'index.php?r=static/law');
          });
		  $('#statistic a').click(function() {
            $(this).attr('href', 'index.php?r=intro/statistic');
          });

        });
      </script>


    </div><!-- /page -->
  </body>
</html>
